import styled from "styled-components";

const ProductDetailCourseStyle = styled.div`
  margin: 20px 0 var(--tabbar-height);

  .tip {
    margin: 20px 0;
    font-size: 17px;
    font-weight: 600;
  }

  .cardTocourseWrapper {
    padding: 0 15px;

    .title {
      font-size: 15px;
      font-weight: 600;
      color: #3a3838;
      margin-bottom: 10px;
    }

    .desc {
      font-size: 13px;
      text-indent: 2em;
    }

    .moreInfo {
      .moreInfoTitle {
        color: var(--themeColor1);
        font-size: 15px;
        margin-bottom: 15px;
        font-weight: 600;
      }

      .moreInfoDetail {
        text-align: justify;
        white-space: pre-wrap;
        text-indent: 2em;
      }
    }
  }
`;

export default ProductDetailCourseStyle;
